import { Component, OnInit ,Input} from '@angular/core';
import { Farm } from '../../../../entity/farm.model';
import { LimitedFarm } from "../limited-farm";
declare var $: any;


@Component({
  selector: 'app-farm-overview-panel',
  templateUrl: './farm-overview-panel.component.html',
  styleUrls: ['./farm-overview-panel.component.css']
})
export class FarmOverviewPanelComponent implements OnInit {
  @Input() currentFarm:LimitedFarm;
  
  /**
   * 外层的圆环的宽度
   * 
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topCircleWidth:number;

  /**
   *  外层的圆环的高度 
   * 
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topCircleHeight:number;


  /**
   * 实心圆的宽度
   * 
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topInWidth:number;


  /**
   * 实心圆的高度
   * 
   * @type {number}
   * @memberof FarmOverviewPanelComponent
   */
  // public topInHeight:number;
  unit:string="m/s";
  constructor() { }

  ngOnInit() { 
    // 最外层的圆环
    // this.topCircleWidth = $(".topCircle").width();
    // this.topCircleHeight = $(".topCircle").height();
    // this.topCircleHeight = this.topCircleWidth
    // console.log(this.topCircleHeight,this.topCircleWidth)
    // 里面的实心圆
    // this.topInWidth = $(".topIn").width();
    // this.topInHeight = $(".topIn").height();
    // this.topInHeight = this.topInWidth
    // console.log(this.topInHeight,this.topInWidth)
    
  }
  
}


// WEBPACK FOOTER //
// ./src/app/module/monitor/main/farm-overview-panel/farm-overview-panel.component.ts